*{
    margin:0;
    padding: 0;
}
body{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main {
    width: 80vw;
    height: 80vh;
    background-image: url("th.jpg");
    background-size: cover;
    position: relative;
    z-index: 0;
}

.paper {
    width: 80vw;
    height: 80vh;
    background-color: black;
    position: relative;
    mix-blend-mode: multiply;
}

.test{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: black;
    /* mix-blend-mode: multiply; */
    transition: 0.5s;
}

.test:hover {
    border-radius: 50%;
    background-color: white;
    transition: 0.5s;
    filter: blur(30px);
}
